import React from "react";
import { Component } from "react";
import Table from "uxcore-table";

import "./Rycfd.less";

/**
 * 复工人员出发地统计数据
 */
export default class Rycfd extends Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <div>
        <div
          style={{
            height: 24,
            lineHeight: "24px",
            fontSize: "18px",
            textAlign: "center",
          }}
        >
          {this.props.title}
        </div>
        <Table
          height={234}
          size="small"
          showHeaderBorder
          showColumnPicker={false}
          className="kuma-uxtable-split-line"
          jsxcolumns={[
            { dataKey: "name", title: "出发地", width: 120, align: "center" },
            { dataKey: "count", title: "数量", width: 150, align: "center" },
          ]}
          jsxdata={this.props.jsxdata}
        />
      </div>
    );
  }
}
